<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新品推荐</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/new.css">
    <link rel="stylesheet" href="../css/pages.css">
</head>

<body>
    <header></header>
    <main>
        <div class="new-pic">
            <img src="../img/img/new_img/new-pic.jpg" alt="">
        </div>
        <div class="new-goods">
            <div class="container">
                <div class="new-goods-titlle">
                    <img src="../img/img/new_img/new-goods-titlle.jpg" alt="">
                </div>
                <div class="new-goods-list clearfix">
                    <!-- 自己写的渲染 -->
                    <div class="paging_container">
                        <ul class="paging_list"></ul>
                    </div>
                    <!-- 分页结构 -->
                    <div class="paging_content">
                        <div class="paging_first">首页</div>
                        <div class="paging_up">上一个</div>
                        <div class="paging_btn"></div>
                        <div class="paging_down">下一个</div>
                        <div class="paging_last" id="">尾页</div>
                    </div>



                </div>
            </div>
        </div>
        <div class="elevator">
            <img src="../img/img/new_img/new-elevator.png" alt="" class="ele-1">
            <a href="./cart.html">
                <div class="count">
                    商品共<span>0</span>件
                </div>
            </a>

        </div>

    </main>
    <footer></footer>

    <script src="../libs/jquery.min.js"></script>
    <script src="../libs/jquery.cookie.js"></script>
    <script src="../js/new.js"></script>
    <!-- 引入分页器配置 -->
    <script src="../libs/jquery-paging.js"></script>

    <script>
        $('header').load('./header.html')
        $('footer').load('./footer.html')
    </script>
</body>

</html>